<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>首页</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/swiper-3.3.1.min.css">
	<style>
	* { padding:0; margin:0; }
	html { font-size:20px; }
    .swiper-container { width: 16rem; height: 9.1rem; margin-top:3rem; }
	.swiper-pagination-bullet { width:0.4rem; height:0.4rem; border-radius:50%; }
    </style>
	<script src="js/remChange.js"></script>
    
</head>
<body>
<div style="width:16rem; height:26rem; background:url(img/bg_1.jpg) no-repeat; background-size:cover; overflow:hidden; ">
	 <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background:url(img/bg1.png) no-repeat; background-size:contain; "></div>
            <div class="swiper-slide" style="background:url(img/bg1.png) no-repeat; background-size:contain; "></div>
            <div class="swiper-slide" style="background:url(img/bg1.png) no-repeat; background-size:contain; "></div>
            <div class="swiper-slide" style="background:url(img/bg1.png) no-repeat; background-size:contain; "></div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
	<h2 style="color:#d80901; font-weight:bold; font-family:Microsoft YaHei; margin-top:3.3rem; margin-left:2rem; font-size:1rem; ">欢迎莅临</h2>
	<h3 style="font-family:Microsoft YaHei; line-height:1.25rem; font-weight:normal; font-size:0.9rem; text-align:center; width:6rem;margin-left:1.1rem; margin-top:0.2rem; ">北京寰宇恒通<br />奥迪4S店</h3>
	<div style="width:8.55rem; height:10.825rem; background:url(img/bg2.png) no-repeat; background-size:cover; position:absolute; top:13rem; right:0; ">
	<input type="text" style="width:6.325rem; height:1.375rem; background:transparent;position:absolute; top:3.43rem; left:0.6rem; border:none; outline:none; font-size:0.6rem; padding-left:0.175rem; line-height:1.375rem; border-radius:0.125rem; ">
	<input type="text" style="width:3.25rem; height:1.375rem; background:transparent; position:absolute; top:6.4rem; left:0.6rem; border:none; outline:none; font-size:0.6rem; padding-left:0.175rem; line-height:1.375rem; border-radius:0.125rem; ">
	<input type="button" style="width:2.85rem; height:1.375rem; background:transparent; position:absolute; top:6.425rem; left:4.3rem;  border:none; outline:none;  border-radius:0.125rem; ">
	<input type="submit" value="" style="width:6.55rem; height:1.575rem; background:transparent; position:absolute; top:8.35rem; left:0.6rem;  border:none; outline:none; border-radius:0.125rem; ">
	</div>
</div>
   
	
	
	
	
	
	
    <!-- Swiper JS -->
    <script src="js/swiper-3.3.1.min.js"></script>

    <!-- Initialize Swiper -->
    <script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true
    });
    </script>
</body>
</html>